import React, { Component } from 'react'
import './Activity.style.scss'

export default class Activity extends Component {
    render() {
        return (
            <div className="activity">
                <h3>{this.props.activity?this.props.activity.ACTIVITY_CONF.title:''}</h3>
                <p>{this.props.activity?this.props.activity.ACTIVITY_CONF.sub_title:''}<a style={{float:"right"}} href={this.props.activity?this.props.activity.ACTIVITY_CONF.see_more:''}>了解更多</a></p>
                <div className="imgs">
                    {
                        this.props.activity&&this.props.activity.ACTIVITY.map((item,index)=>{
                            return (
                                <a key={index} href={item.link}>
                                    <img src={item.img} alt=""/>
                                    <p>{item.title}</p>
                                    <span>￥{item.price}</span>
                                </a>
                            )
                        })
                    }
                </div>
            </div>
        )
    }
}
